<template>
  <ve-histogram :data="chartData" :extend="extend" ></ve-histogram>
</template>

<script>
export default {
  data() {
    this.extend = {
      backgroundColor: '#fff',
      tooltip: {
        show: false
      },
      title:{
          show:false
      },
      color: ["#F5A200"],
      yAxis: {
        show: true,
        //刻度
        axisTick: {
          show: false
        },
        axisLine: {
          show: true,
          lineStyle: {
            type: "solid",
            color: "#ccc",
            width: "1"
          }
        }
      },
      barWidth: "12%",
      tooltip: {
        show: false
      },
      legend: {
        show: false,
      },
      label: {
        show: true,
        position: "top",
        formatter: "{a}:{@score}",
        color: "#999"
      },
      grid:{
        show:true,
        backgroundColor:'#fff'
      }
    };
    return {
      chartData: {
        columns: ["日期", "流水"],
        rows: [
          // { 日期: "1/1", 访问用户: 1393 },
          // { 日期: "1/2", 访问用户: 3530 },
          // { 日期: "1/3", 访问用户: 2923 },
          // { 日期: "1/4", 访问用户: 1723 },
          // { 日期: "1/5", 访问用户: 3792 },
          // { 日期: "1/6", 访问用户: 4593 }
        ]
      }
    };
  }
};
</script>